<template>
  <div class="searchDetail">
      <Loading v-if="!search_list.length"/>
      <ul v-else>
          <SearchCard v-for="(item,index) in search_list" :key="index" :item="item.r" @click.native="$router.push({ path: '/menuDetail', query: { id: item.r.id }})"/>
      </ul>
  </div>
</template>

<script>
import Loading from  "@/components/Loading.vue"
import SearchCard from  "@/components/SearchCard.vue"

export default {
props:["search_list"],
components:{
    Loading,
    SearchCard,
},

}
</script>

<style lang="less" scoped>

</style>